<template>
	<view>
		<u-navbar title="购物商城"></u-navbar>
		<view style="padding: 20rpx;">
			<u-search placeholder="输入您想要搜索的关键词" v-model="keyword"></u-search>
		</view>
		<view class="dis_f_sb_c top_b">
			<view class="dis_f_co_c_c">
				<image src="../../static/icon/shangjia.png" mode=""></image>
				<view>限时抢购</view>
			</view>
			<view class="dis_f_co_c_c">
				<image src="../../static/icon/15502146136800.png" mode=""></image>
				<view>服装鞋包</view>	
			</view>
			<view class="dis_f_co_c_c">
				<image src="../../static/icon/15502146275458.png" mode=""></image>
				<view>服装鞋包</view>
			</view>
			<view class="dis_f_co_c_c">
				<image src="../../static/icon/16123308325543.png" mode=""></image>
				<view>农副产品</view>
			</view>
			<view class="dis_f_co_c_c">
				<image src="../../static/icon/gengduo.png" mode=""></image>
				<view>更多分类</view>
			</view>
		</view>
		<view class="dis_f_co">
			<view class="title">推荐商家</view>
			<view style="padding: 20rpx;">
				<view class="dis_f_co shop">
					<image src="../../static/logo.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword:''
			};
		}
	}
</script>

<style lang="scss">
	.shop{
		width: 100%;
		background-color: #fff;
		border-radius: 8rpx;
		padding: 20rpx;
	}
	.title{
		background-color: rgb(255,52,81);
		width: 200rpx;
		padding: 26rpx 0 32rpx 55rpx;
		border-radius: 0 90rpx 90rpx 0;
		font-size: 32rpx;
		color: #fff;
		font-weight: bold;
		letter-spacing: 2rpx;
		
	}
	.top_b{
		padding: 20rpx;
		background-color: #fff;
		image{
			width: 110rpx;
			height: 110rpx;
			margin-bottom: 10rpx;
		}
	}
</style>
